<template>
	<view class="iconfont" :class="type" :style="{ color: color, 'font-size': size + unit }" @click="_onClick" />
</template>
<!--页面使用方法：
	1、font-class:图标引入名，可以在demo_index.html查找
	2、color: 颜色
	3、size：大小
	4、unit: 大小单位、px、rem、rpx等 默认是rpx
	<iconfont type="font-class" color="#ffffff" size="14" unit="px">
-->
<script>
	require('./font_iconfont/iconfont.css')
	export default {
		name: 'iIcon',
		props: {
			type: {
				type: String,
				default: ''
			},
			color: {
				type: String,
				default: '#333333'
			},
			size: {
				type: [Number, String],
				default: 32
			},
			unit: {
				type: String,
				default: 'rpx'
			}
		},
		methods: {
			_onClick() {
				this.$emit('click')
			}
		}
	}
</script>

<style>
	i-icon {
		line-height: 1;
	}
	.iconfont {
		display: inline-block;
		line-height: 1;
	}
</style>
